<template>
	<view class="page-btns">
		<view @click="toAddPost" class="button" style="background-color: #ee8c29;color: #FFFFFF;">
			<uni-icons type="compose" size="16" color="#FFFFFF"></uni-icons>
			<view style="margin-left: 5rpx;">发布帖子</view>
		</view>
		<view @click="toShareIsland" class="button">
			<uni-icons type="redo" size="16" color="#ee8c29"></uni-icons>
			<view style="margin-left: 5rpx;">分享浪屿</view>
		</view>
	</view>

	<view class="comment-input" v-if="commentAddInput != null" :style="{ 'margin-bottom' : isFocus ? '30rpx' : '0' }">
		<view class="content" style="width: 560rpx;margin-left:20rpx"
			v-bind:style="{ height:40+Math.trunc(commentAddInput.content.length/16)*40 + 'rpx' }">
			<textarea :show-confirm-bar="false" style="width: 100%;margin-bottom: 10rpx;margin-top: 30rpx;"
				v-bind:style="{ height:60+Math.trunc(commentAddInput.content.length/16)*40 + 'rpx' }"
				placeholder="输出你的思考" v-model="commentAddInput.content" />
		</view>
		<view style="font-size: 32rpx;color: gray;margin-bottom: 20rpx;" @click="addComment()">评论</view>
	</view>
</template>

<script>
	export default {
		name: "creator-card",
		data() {

		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.page-btns {
		display: flex;
		position: fixed;
		flex-direction: row;
		justify-content: space-around;


		bottom: 60rpx;
		left: 165rpx;
		z-index: 10;


		width: 400rpx;
		border-radius: 80rpx;
		height: 70rpx;
		padding: 15rpx 10rpx;




		background-color: rgba(255, 255, 255, 1);
		box-shadow: 0 0 2rpx 4rpx #f4f4f4;



		.button {
			width: 190rpx;
			height: 70rpx;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			border-radius: 50rpx;

			font-size: 28rpx;
		}
	}
</style>
